<h2>Prompt</h2>

<h4>Call the prompt function to show an prompt dialog</h4>
<pre>BootstrapDialog.prompt(function(content) {
  BootstrapDialog.alert(content);
});
</pre>
<p><button type="button" class="btn btn-primary open-prompt" data-name="simple">Show Prompt</button></p>
<p>&nbsp;</p>

<h4>Define default content for the prompt dialog</h4>
<pre>BootstrapDialog.prompt('My name is panben', function(content) {
  BootstrapDialog.alert(content);
});
</pre>
<p><button type="button" class="btn btn-primary open-prompt" data-name="with-content">Show Prompt</button></p>
<p>&nbsp;</p>

<h4>Define title for the prompt dialog</h4>
<pre>BootstrapDialog.prompt('My name is panben', 'Prompt Information', function(content) {
  BootstrapDialog.alert(content);
});
</pre>
<p><button type="button" class="btn btn-primary open-prompt" data-name="with-title">Show Prompt</button></p>
<p>&nbsp;</p>

<h4>More options for the prompt dialog</h4>
<pre>var promptOption = {
  title: 'Input your name',
  type: BootstrapDialog.TYPE.INFO,
  content: 'panben',
  okLabel: 'Completed',
  cancelLabel: 'Close',
  callback: function(content) {
    BootstrapDialog.alert('Hello '+content);
  }
};
BootstrapDialog.prompt(promptOption);
</pre>
<p><button type="button" class="btn btn-primary open-prompt" data-name="with-option">Show Prompt</button></p>
<p>&nbsp;</p>

<h3>promptOption</h3>
<table class="table">
  <thead>
  <tr>
    <th>Name</th><th>Type</th><th>Default</th><th>Description</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>title</td>
    <td>string</td>
    <td>'Input Content'</td>
    <td>The title of the dialog</td>
  </tr>
  <tr>
    <td>content</td>
    <td>string</td>
    <td>''</td>
    <td>The content you will input</td>
  </tr>
  <tr>
    <td>type</td>
    <td>string</td>
    <td>BootstrapDialog.TYPE.PRIMARY</td>
    <td></td>
  </tr>
  <tr>
    <td>okLabel</td>
    <td>string</td>
    <td>'OK'</td>
    <td>Label of the OK button</td>
  </tr>
  <tr>
    <td>cancelLabel</td>
    <td>string</td>
    <td>'CANCEL'</td>
    <td>Label of the cancel button</td>
  </tr>
  <tr>
    <td>callback</td>
    <td>function</td>
    <td>null</td>
    <td>
      <p><code>function(content) {...}</code></p>
      <p>content is the content you have inputted</p>
    </td>
  </tr>
  </tbody>
</table>